Motion · библиотека
Единая библиотека движения: сплеш, маскот, загрузка, появления, состояния и атмосфера. Наведите на карточку — под анимацией появится кнопка для скачивания.
00 · Основа движения
Единый источник длительностей и кривых. Любая анимация в продукте берёт значения отсюда — не подбирает на глаз.
Длительности
Кривые
cubic-bezier(.2,.8,.2,1)
входы и переходы экранов
ease-out
акценты, pop, тосты
ease-in-out
циклы: bob, halo, дыхание
linear
спиннер 0.8s, бесконечное вращение
При системном «уменьшить движение» циклы гасятся, остаётся мягкий fade ≤120ms — во всех файлах.
01 · Сплеш-экраны
Три полноценных экрана запуска. Каждый зациклен: проход → короткое «дыхание» → повтор.
Пробуждение
искра → сфера → открывает глаза
Jarnee
Всё учтено
Из хаоса в порядок
осколки сходятся в одну сферу
Jarnee
Всё на месте
Орбита
HUD-кольца и иконки втягиваются в знак
Jarnee
На шаг впереди
02 · Маскот Джарни
Покачивание
idle · loopОреол
4s · loopМоргание
4s · loopСон → пробуждение
5s · loop03 · Загрузка и ожидание
Спиннер
0.8s · linearСкелетон
←→ туда-обратноТочки-лоадер
1.1s · loopA · Тропа
маршрутB · Заполнение орба
маскотD · Орбита
2.6s · loop04 · Появление элементов
Затухание
fade-inПоп
pop · springШторка
sheet-inТост
toast-in05 · Состояния и акценты
Пульс-кольцо
1.6s · loopИскорка
1.8s · loopSOS · тревога
1.2s · loopДыхание
4s · loop06 · Атмосфера
Дрейф орба
9s · loopАмбиент-градиент
loop